.liuyaopaipan {
  .margins {
    margin: 0 auto;
    max-width: 1500px;
    padding: 0 80px 30px 80px;

    .navigation {
      height: 40px;
      line-height: 40px;
      margin-top: -10px;
      background-color: #f9f9f9;
    }

    .prediction {
      float: right;
      margin-top: -30px;

      .spacing {
        margin-right: 20px;
      }
    }

    .divider {
      margin: -24px 0 -10px 0;
    }

    .reLoading-button {
      width: 120px;
    }

    /* 默认排盘数据 */
    .gua-default {
      height: 155px;
      overflow-x: auto;
      border-radius: 5px;
      margin-bottom: 10px;

      .gua {
        margin-top: -18px;

        .title {
          text-align: center;
          margin: 0 auto -21.5px;
          color: rgb(101, 101, 101);
        }

        .naming {
          font-size: 12px;
          margin: -20px 0 0 3px;
          color: rgb(180, 180, 180);

          // font-family: 黑体, serif !important;
          .ym {}

          .gx {
            margin-left: 33px;
          }

          .sy {
            margin-left: 30px;
          }

          .lq {
            margin-left: 11px;
          }

          .gz {
            margin-left: 8px;
          }

          .wx {
            margin-left: 4px;
          }

          .ls {
            margin-left: 4px;
          }

          .yc {
            margin-left: 9px;
          }
        }

        .yaoming {
          float: left;
          width: 40px;

          // margin-top: -1px;
          >div {
            color: #323232;
            height: 16.5px;
            // line-height: 16.5px;
            font-size: 13px;
          }
        }

        .guaxiang {
          float: left;
          margin: -25px -5px 0 -20px;
          color: rgb(50, 50, 50);

          >div {
            zoom: 8;
          }
        }

        .marki {
          margin: 0 0 0 0;

          >div {
            height: 17px;
            font-size: 13px;
          }
        }

        .shiying {
          margin: -101px 0 0 125px;

          >div {
            height: 16.5px;
            // line-height: 16.5px;
            font-size: 13px;
            font-family: 楷体, serif !important;
          }
        }

        .liuqin {
          margin: -98px 0 0 148px;

          >div {
            height: 16.5px;
            // line-height: 16.5px;
            font-size: 13px;
          }
        }

        .ganzhi {
          margin: -99px 0 0 181px;

          >div {
            height: 16.5px;
            // line-height: 16.5px;
            font-size: 13px;
          }
        }

        .wuxing {
          margin: -99px 0 0 214px;

          >div {
            height: 16.5px;
            // line-height: 16.5px;
            font-size: 13px;
          }
        }

        .liushen {
          margin: -99px 0 0 235px;

          >div {
            height: 16.5px;
            // line-height: 16.5px;
            font-size: 13px;
          }
        }

        .yaoci {
          margin: -98px 0 0 270px;
          font-family: 宋体, serif;

          >div {
            height: 16.3px;
            // line-height: 16.5px;
            font-size: 13px;
            white-space: nowrap;
          }
        }

      }

    }

    /* 选项 */
    .option {
      min-height: 485px;
      border-radius: 5px;

      div {
        margin-bottom: 5px;
      }

      .name {
        width: 75%;
        margin-right: 10px;
      }

      .sex {
        width: 20px;
      }

      .occupy {
        width: 75%;
        margin-right: 10px;
      }

      .leap-month {}

      .date {
        margin-top: 20px;

        .date-type {
          float: right;
        }
      }

      .address {
        float: right;

        .city {
          width: auto;
        }
      }

      .pai_pan {
        margin-top: 20px;

        .default-mark {
          float: right;
          color: #8492a6;
          font-size: 12px;
          margin-right: -15px;
        }

        .title {
          float: left;
          margin-top: 5px;
        }

        .mode {
          float: left;
          width: 60%;
        }

        .tip {
          margin: 8px 0 0 10px;
        }
      }

      .liuyao {
        margin-top: 25px;

        .title {
          float: left;
          // margin-top: -14px;
        }

        .yaowei {
          float: left;
          width: 63%;
        }

        div {
          height: 25px;
        }

        .shao {
          color: black;
          font-size: 14px;
          margin: 0 0 0 10px;
          font-family: 楷体, serif;
          font-weight: bold; // 字体加粗
        }

        .lao {
          color: red;
          font-size: 14px;
          margin: 0 0 0 10px;
          font-family: 楷体, serif;
          font-weight: bold; // 字体加粗
        }
      }

      .res {
        padding-top: 40px;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;

        .resetting {
          float: left;
          cursor: pointer;
          transition: 0.1s;
        }

        .resetting:focus {
          border-radius: 10px;
          color: rgb(10, 10, 10);
        }

        .resetting:hover {
          transition: 0.1s;
          border-radius: 10px;
          color: rgb(100, 100, 100);
        }

        .resetting:active {
          border-radius: 10px;
          color: black;
        }

        .senior {
          float: right;
          cursor: pointer;
          transition: 0.1s;
        }

        .senior:focus {
          border-radius: 10px;
          color: rgb(10, 10, 10);
        }

        .senior:hover {
          transition: 0.1s;
          border-radius: 10px;
          color: rgb(100, 100, 100);
        }

        .senior:active {
          border-radius: 10px;
          color: black;
        }
      }

      .starts {
        width: 100%;
        height: 50px;
        color: rgb(96, 98, 102);
        border: 1px rgb(150, 150, 150) solid;
        // background-color: rgb(30, 30, 30);
        border-radius: 50px;
        font-size: 16px;
        margin-top: 50px;
        background-color: rgb(253, 253, 253);
      }

      .starts:focus {
        color: rgb(96, 98, 102);
        background-color: rgb(249, 249, 249);
      }

      .starts:hover {
        color: rgb(96, 98, 102);
        background-color: rgb(249, 249, 249);
      }

      .starts:active {
        color: rgb(96, 98, 102);
        background-color: rgb(249, 249, 249);
      }

    }

    /* 返回排盘 */
    .return {
      height: 30px;
      line-height: 30px;
      border: 1px rgb(220, 223, 230) solid;
      width: 100%;
      border-radius: 50px;
      text-align: center;
      background-color: rgb(255, 255, 255);
      font-size: 15px;
      cursor: pointer;
      transition: .4s;
      margin: 0 auto 10px;
    }

    .return:hover {
      // text-align: center;
      // margin: 0 auto 10px;
      // width: 10%;
      transition: .4s;
      border: 1px rgb(210, 210, 210) solid;
      background-color: rgb(251, 251, 251);
    }

    /* 基础信息 */
    .foundation {
      .divider1 {
        margin: -30px 0 -10px 0;
      }

      .go1 {
        height: 38px;
        line-height: 38px;
        background-color: rgb(251, 251, 251);
        border-radius: 5px;

        .title {
          float: left;
          margin: 0 15px 0 10px;
          color: rgb(140, 140, 140);
        }
      }

      .go2 {
        height: 37px;
        line-height: 37px;
        background-color: rgb(245, 245, 245);
        border-radius: 5px;

        .title {
          float: left;
          margin: 0 15px 0 10px;
          color: rgb(140, 140, 140);
        }
      }

      .go3 {
        height: 38px;
        line-height: 38px;
        background-color: rgb(253, 253, 253);
        border-radius: 5px;

        .title {
          float: left;
          margin: 0 15px 0 10px;
          color: rgb(140, 140, 140);
        }

        .left {
          float: left;
          width: 50%;
        }

        .right {
          float: right;
          width: 50%;
        }
      }

      .go4 {
        height: 37px;
        line-height: 37px;
        background-color: rgb(245, 245, 245);
        border-radius: 5px;

        .title {
          float: left;
          margin: 0 15px 0 10px;
          color: rgb(140, 140, 140);
        }

        .left {
          float: left;
          width: 50%;
        }

        .right {
          float: right;
          width: 50%;
        }
      }

    }

    /* 神煞 */
    .shensha {
      .divider2 {
        margin: -30px 0 -10px 0;
      }

      .go1-ss {
        height: 25px;
        line-height: 25px;
        background-color: rgb(251, 251, 251);
        border-radius: 5px;

        .left-ss {
          float: left;
          width: 35%;
        }

        .center-ss {
          float: left;
          width: 35%;
        }

        .right-ss {
          float: right;
          width: 30%;
        }

        .title {
          margin: 0 15px 0 10px;
          color: rgb(140, 140, 140);
        }
      }

      .go2-ss {
        height: 25px;
        line-height: 25px;
        background-color: rgb(245, 245, 245);
        border-radius: 5px;

        .left-ss {
          float: left;
          width: 35%;
        }

        .center-ss {
          float: left;
          width: 35%;
        }

        .right-ss {
          float: right;
          width: 30%;
        }

        .title {
          margin: 0 15px 0 10px;
          color: rgb(140, 140, 140);
        }
      }

    }

  }

  /* 高级选项弹窗 */
  .senior-dialog {
    border-radius: 26px;

    .header-senior {
      font-size: 18px;
      color: rgb(70, 70, 70);
    }

    .senior-card {
      border-radius: 20px;
      margin-bottom: 10px;
      background-color: rgb(253, 253, 253);
    }

    .senior-card div {
      padding-bottom: 3px;
    }

    .senior-card .t-senior {
      text-align: center;
      margin: 0 auto;
      margin: -15px 0 4px 0;
      font-size: 12px;
      color: rgb(150, 150, 150);
    }

    .tip {
      margin-left: 10px;
    }

  }

  /* 四柱转日期弹窗 */
  .sizhu-dialog {
    border-radius: 26px;

    .header-sizhu {
      font-size: 18px;
      color: rgb(70, 70, 70);
    }

    .sizhu-card {
      border-radius: 20px;
    }

    .sizhu-card div {
      padding-bottom: 3px;
    }

    .sizhu-card div .year-input {
      width: 25%;
      margin-bottom: 10px;
    }

    .sizhu-res {
      margin-left: 5px;
      font-size: 13px;
    }

    .sizhu-card .count {
      text-align: center;
      color: #ababab;
      margin: 6px 0 -20px 0;
      font-size: 12px;
    }
  }

}